<%-- 
    Document   : registration
    Created on : 22 mai 2012, 15:33:43
    Author     : asus
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!-- Ne pas oublier cette ligne sinon tous les tags de la JSTL seront ignorés ! -->
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
    <head>
        <title>Buy Movies</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="imagetoolbar" content="no" />
        <link rel="stylesheet" href="styles/menu.css" type="text/css" />
        <script type="text/javascript" src="scripts/menu.js"></script>
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
        <link href="styles/style.css" rel="stylesheet" type="text/css" />
        <!--    <link rel="stylesheet" type="text/css" media="screen" href="styles/cmxform.css" /> -->

        <script src="scripts/jquery1.js" type="text/javascript"></script>

        <script src="scripts/jquery.validate.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#myform").validate({
                    rules: {
                        nom:"required",
                        prenom:"required",
                        adresse:"required",             
                        password: "minlength",
                        mail:"email",                        
                        password_again: {
                            equalTo: "#password"
                        }
                    }
                });
            });
        </script>

    </head>
    <body id="top">
        <div class="wrapper col0">
            <div id="topbar">
                <ul id="menu"><c:if test="${connecte}">
                        <li><a href="ServletAuthentification?action=deconnection">Déconnection</a></li>

                    </c:if>
                    <c:if test="${!connecte}">
                        <li><a href="ServletAuthentification?action=authentifier">Se connecter</a></li>
                    </c:if>

                    <li class="last"><a href="ServletPanier?action=panier">Mon Panier</a></li>
                    


                    <c:if test="${connecte}">
                        <p> ${message}</p>
                    </c:if>

                </ul>
                    </li><br/>



                    <c:if test="${connecte}">
                        <p> ${message}</p>
                    </c:if>

                </ul>
                <br class="clear" />
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col1">
            <div id="header">
                <div id="topnav">
                    <ul>
                        <li><a href="ServletFilm?action=listerFilms&categorie=all">Tous les films</a><span></span></li>
                        <li><a href="browse.jsp">Films par catégorie</a><span></span></li>
                        <li class="active"><a href="index.jsp">Accueil</a><span>Nouveautés</span></li>
                    </ul>
                </div>
                <div id="logo">
                    <h1><a href="ServletAuthentification?action=index">Buy Movies</a></h1>
                    <p>Ne restez plus simple spectateur</p>
                </div>
                <br class="clear" />
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col2">
            <div id="breadcrumb">
                <ul>
                   <li class="first">You Are Here</li>
                    <li>&#187;</li>
                    <li><a href="ServletAuthentification?action=index">Accueil</a></li>
                    <li>&#187;</li>       

                    <li class="current"><a href="ServletAuthentification?action=inscription">Inscription</a></li>
                </ul>
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col3">
            <div id="container">
                <div id="content">

                    <LEGEND align=top> Vous ne possedez pas de compte? Créez en un! </LEGEND>
                    <form action ="ServletAuthentification"  id="myform" method="post">

                        <!--   <form action ="ServletAuthentification" method="get">  -->
                        <table>
                            <tr>
                                <td>Nom</td>
                                <td><input type="text" name="nom" id="nom"></td>                        
                            </tr>
                            <tr>
                                <td>Prénom</td>
                                <td><input type="text" name="prenom" id="prenom" ></td>                        
                            </tr>
                            <tr>
                                <td>Adresse</td>
                                <td><input type="text" name="adresse" id="adresse"></td>
                            </tr>

                            <tr>
                                <td>E-mail</td><td><input type="text" name="mail" id="mail"></td>
                            </tr>
                            <tr>
                                <td ><label for="password">Mot de passe</label></td>
                                <td><input type="password" id="password" name="password" /></td>                           

                            </tr>
                            <tr>                                
                                <td><label for="password_again">Vérification du mot de passe</label></td>
                                <td><input class="left" type="password" id="password_again" name="password_again" /> </td>
                            </tr>

                            <tr>
                                <td><input type="hidden" name="action" value="inscription"/></td>
                                <td><input type="submit" name="Authentifier" value="s'inscrire" ></td>
                            </tr>
                        </table>
                    </form>
                </div>




                <div id="comments">

                </div>

                <div id="respond">

                </div>
            </div>
            <div id="column">
                <div class="holder">

                </div>
                <div id="featured">

                </div>
                <div class="holder">

                </div>
            </div>
            <br class="clear" />
        </div>
    </div>
    <div class="wrapper col4">
        <div id="footer">
            <div class="footbox">
                <h2>Contact</h2>
                <ul>
                    <li><a href="mailto:sophie.tournes@gmail.com">Sophie Tournès</a></li>
                    <li class="last"><a href="mailto:aureliefolacci@gmail.com">Aurélie Folacci</a></li>

                </ul>
            </div>
            <div class="footbox">
                <h2>Liens</h2>
                <ul>
                    <li><a href="http://www.allocine.fr">Allocine</a></li>
                    <li class="last"><a href="http://www.pathe.fr">Pathe Gaumont</a></li>
                </ul>
            </div>

            <br class="clear" />
        </div>
    </div>
    <div class="wrapper col5">
        <div id="copyright">
            <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">Aurélie Folacci et Sophie Tournès</a></p>
            <br class="clear" />
        </div>
    </div>
</body>
</html>
